<template>
    <div class="ChatRoomBox">
     <ChatRoomAside class="Aside"></ChatRoomAside>
     <ChatRoomContent class="Content"></ChatRoomContent>
    </div>
    </template>
 
    <script>
  import ChatRoomAside from '../../components/Main/ChatRoomAside.vue'
  import ChatRoomContent from '../../components/Main/ChatRoomContent.vue'

    export default {
        
   data(){
    return [


    ]
   }
   ,
   components:{
    ChatRoomAside,
    ChatRoomContent 
    },


    }
    </script>
    <style scoped>
        .ChatRoomBox{
        display: flex;
        

        }
    
        .Aside{
            width: 450px;
            height: 100Vh;
        }
         .Content{
            width: 100%;
            height: 100Vh;
      }


    </style>